<template>
	<view class="goods_detail">
		<view class="movable_box">
			<movable-area style="height: 1224upx;">
				<movable-view :x="x" :y="y" direction="vertical" scale="true" out-of-bounds="true" @change="onChange">
					<view class="kefu flex" @click="onPhone">
						<view class="kefu_img">
							<image class="w100 h100" src="../static/kefu.png" mode=""></image>
						</view>
						<view class="kefu_txt s28 family f500">
							客服
						</view>
					</view>
				</movable-view>
			</movable-area>
		</view>
		<!-- @click="fenXiang" -->
		<view class="fenxiang_btn">
			<image class="w100 h100" :src="icon.fenXiangIcon" mode=""></image>
		</view>
		<view class="img_video_box w100">
			<swiper class="swiper w100 h100" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
				:duration="duration">
				<swiper-item v-if="status == 0">
					<block v-for="(item,index) in goodsDetail.images_src" :key="index">
						<image v-if="imageShow" class="w100 h100" :src="item" mode=""></image>
					</block>
					<video v-if="videoShow" class="w100 h100" show-mute-btn="true" :controls="controls"
						enable-play-gesture="true" :src="goodsDetail.video"></video>
				</swiper-item>
				<swiper-item v-if="status == 1">
					<block v-for="(item,index) in dressList.images_src" :key="index">
						<image v-if="imageShow" class="w100 h100" :src="item" mode="">
						</image>
					</block>
					<video v-if="videoShow" class="w100 h100" show-mute-btn="true" :controls="controls"
						enable-play-gesture="true"
						:src="$wanlshop.oss(dressList.video, 414, 0, 1, 'transparent', 'mp4')"></video>
				</swiper-item>
			</swiper>
			<view class="shipin_txt fblod s20 familytow txtali" @click="dVideo">视频</view>
			<view class="shipintwo_txt fblod s20 familytow txtali" @click="dImage">图片</view>
		</view>
		<view class="seckill_box w100" v-if="goodsDetail.is_skill == 1">
			<view class="top_box flexjus">
				<view class="flex">
					<view class="left_box_seckill s24 familytow fblod">
						活动价
					</view>
					<view class="left_icon_flg s20 family txtali" v-if="goodsDetail.is_free == 1">
						返利购
					</view>
				</view>
				<view class="right_hd_txt family s24 f500">
					{{huodong_tips}}
				</view>
			</view>
			<view class="bottom_box flexjus">
				<view class="b_left_box flex">
					<view class="hd_price_box familytow s40 fblod">
						<text class="s24">￥</text>{{goodsDetail.price || dressList.price || 0}}
					</view>
					<view class="scj_box family f400">
						市场价￥{{status == 0 ? goodsDetail.praise : dressList.scribing_price || 0}}
					</view>
				</view>
				<view class="b_right_box flex">
					<view style="margin-left: -10upx;margin-top: 4upx;">
						<uni-countdown :showColon="true" :day="day" :hour="hou" :minute="min" :second="sec"
							splitorColor="#E84C4C" color="#ffffff" background-color="#E84C4C" />
					</view>
				</view>
			</view>
		</view>
		<view class="list_status_box flexjus" v-if="status == 1">
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/zx.png" mode=""></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">
							造型
						</view>
						<view class="status_txt_two f500 s24 family">
							{{dressList.model || 0}}套
						</view>
					</view>
				</view>
			</view>
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/ps.png" mode=""></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">
							拍摄
						</view>
						<view class="status_txt_two f500 s24 family">
							{{dressList.shot || 0}}张
						</view>
					</view>
				</view>
			</view>
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/jx.png" mode=""></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">
							精修
						</view>
						<view class="status_txt_two f500 s24 family">
							{{dressList.refine || 0}}张
						</view>
					</view>
				</view>
			</view>
			<view class="status_box flex">
				<view class="flex align-center">
					<view class="status_img_box">
						<image class="w100 h100" src="../static/td.png" mode=""></image>
					</view>
					<view class="status_txt_box">
						<view class="status_txt f500 s24 family">
							团队
						</view>
						<view class="status_txt_two f500 s24 family">
							首席
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="name_money_box">
			<view class="flex">
				<block v-if="goodsDetail.endtime == 0 || dressList.endtime == 0">
					<view class="money_txt">
						<view class="zhengc_money s48 fblod">
							<text class="s30">￥</text>{{goodsDetail.price || dressList.price || 0}}
						</view>
						<view class="huaxian_money s26 f500 family">
							市场价￥{{status == 0 ? goodsDetail.praise : dressList.scribing_price || 0}}
						</view>
					</view>
					<block v-if="goodsDetail.is_free == 1 || dressList.is_free == 1">
						<view class="fhg_box">
							<image class="w100 h100" src="../static/fhg.png" mode=""></image>
						</view>
						<view class="fhg_txt fblod s20 familytow">
							返利购
						</view>
					</block>
				</block>
			</view>
			<!-- <view class="tuijian_box flex" @click="fenXiang" :style="{'margin-top':status == 1 ? ' 0rpx' : ''}">
				<view class="tuijian_img">
					<image class="w100 h100" src="../static/tuijian.png" mode=""></image>
				</view>
				<view class="tuijian_txt s26 f500 family">
					推荐好友
				</view>
			</view> -->
			<view class="goods_name s32 fblod familytow" @longtap="copy">
				{{goodsDetail.title || dressList.name || ''}}
			</view>
			<view class="bottom_xl_kdf flex flexjus">
				<view class="xl_box f500 s24 family">
					销量:{{goodsDetail.sales || dressList.sales || 0}}
				</view>
				<view class="xl_box f500 s24 family" v-if="status == 0">
					快递费:￥{{goodsDetail.freight.price || 0}}
				</view>
				<view class="xl_box f500 s24 family" v-if="leve != ''">
					推荐分红:￥{{leve || 0}}
				</view>
			</view>
			<!-- <view class="lingjuan_box w750 flex" @click="toggle('bottom',9)">
				<view class="lj_title s26 f500 family">
					领券
				</view>
				<view class="lj_title s26 f500 family">
					满100减9、满200减26、满1000减128
				</view>
				<image class="jiantou" src="../static/right_hui_jian.png"></image>
			</view> -->
		</view>
		<!-- <view class="hhr_box s24 f500 family"
			v-if="partnerList.people.gift.length > 0 || partnerList.people.discount.length > 0 || partnerList.people.full_reduction.length > 0">
			全民优惠
		</view> -->
		<view class="zengs flex" @click="toggle('bottom',4)"
			v-if="partnerList.people.gift && partnerList.people.gift != null">
			<view class="zengs_btn s24 f500 family txtali">
				赠送
			</view>
			<view class="zengs_txt f500 s26 family">
				{{partnerList.people.gift[0].title}}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="zengs flex" @click="toggle('bottom',5)"
			v-if="partnerList && partnerList.people && partnerList.people.discount && partnerList.people.discount.length > 0">
			<view class="zengs_btn s24 f500 family txtali">
				折扣
			</view>
			<view class="zengs_txt f500 s26 family">
				{{partnerList.people.discount[0].title}}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="zengs flex" @click="toggle('bottom',6)"
			v-if="partnerList && partnerList.people && partnerList.people.full_reduction && partnerList.people.full_reduction != null &&  partnerList.people.full_reduction!=[]">
			<view class="zengs_btn s24 f500 family txtali">
				满减
			</view>
			<view class="zengs_txt f500 s26 family">
				{{partnerList.people.full_reduction[0].title}}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="hhr_box s24 f500 family"
			v-if="partnerList && partnerList.member && ((partnerList.member.gift && partnerList.member.gift.length > 0) || (partnerList.member.discount && partnerList.member.discount.length > 0) || (partnerList.member.full_reduction && partnerList.member.full_reduction.length > 0))">
			合伙人、返利会员、员工推荐亲友团专享优惠
		</view>
		<view class="zengs flex" @click="toggle('bottom',3)"
			v-if="partnerList && partnerList.member && partnerList.member.gift && partnerList.member.gift != null">
			<view class="zengs_btn s24 f500 family txtali">
				赠送
			</view>
			<view class="zengs_txt f500 s26 family">
				{{partnerList.member.gift[0].title}}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="zengs flex" @click="toggle('bottom',8)"
			v-if="partnerList && partnerList.member && partnerList.member.discount && partnerList.member.discount.length > 0">
			<view class="zengs_btn s24 f500 family txtali">
				折扣
			</view>
			<view class="zengs_txt f500 s26 family">
				{{partnerList.member.discount[0].title}}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="zengs flex" @click="toggle('bottom',7)"
			v-if="partnerList && partnerList.member && partnerList.member.full_reduction && partnerList.member.full_reduction != null && partnerList.member.full_reduction.length != []">
			<view class="zengs_btn s24 f500 family txtali">
				满减
			</view>
			<view class="zengs_txt f500 s26 family">
				{{partnerList.member.full_reduction[0].title}}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>

		<view class="guige_box w100 flex" @click="toggle('bottom',1)" v-if="status == 0">
			<view class="guige_left_txt s26 f500 family">
				规格
			</view>
			<view class="xuanze_box s26 f500 family" v-if="goodsName.length == 0">
				选择规格
			</view>
			<view class="xuanze_box s26 f500 family" v-else>
				{{goodsName[0] == undefined ? '' : goodsName[0]}}&nbsp;&nbsp;{{goodsName[1] == undefined ? '' : goodsName[1]}}
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<view class="guige_box w100 flex" @click="goEvaluate">
			<view class="guige_left_txt s26 f500 family">
				评价
			</view>
			<view class="xuanze_box s26 f500 family" style="color:333333;"
				v-if="goodsDetail.comment == 0 || dressList.comment_list.figure == 0">
				暂无评价
			</view>
			<view class="xuanze_box s26 f500 family" style="color:333333;" v-else>
				已有{{status == 0 ? goodsDetail.comment : dressList.comment_list.figure || 0}}人评价、好评率{{status == 0 ? goodsDetail.comment : dressList.comment || 0}}%
			</view>
			<image class="jiantou" src="../static/right_hui_jian.png"></image>
		</view>
		<!-- 改预览 -->
		<view class="fuwu_dianpu_box w100">
			<view
				v-if="(goodsDetail.services)||(dressList.services&&dressList.services!=[]&&dressList.services.length!=0)"
				class="header_fuwu flex" @click="toggle('bottom',2)">
				<view class="fuwu_left_txt s26 f500 family">
					服务
				</view>
				<view class="flex" style="flex-wrap: wrap; width: 660rpx;">
					<view class="flex" style="margin-bottom: 10rpx;margin-left: 10rpx;"
						v-for="(item,index) in goodsDetail.services" :key="index" v-if="status == 0">
						<image class="huanhuo_img" src="../../../static/fuwu.png" mode=""></image>
						<view class="fuwu_left_txt s26 f500 family" style="margin-left: 6upx;">
							{{item.name}}
						</view>
					</view>
					<view class="flex" style="margin-bottom: 10rpx;margin-left: 10rpx;"
						v-for="(item,index) in dressList.services" :key="index" v-if="status == 1">
						<image class="huanhuo_img" src="../../../static/fuwu.png" mode=""></image>
						<view class="fuwu_left_txt s26 f500 family" style="margin-left: 6upx;">
							{{item.name}}
						</view>
					</view>
				</view>

				<!-- <image class="huanhuo_img" src="../../../static/fuwu.png" mode=""></image>
				<view class="fuwu_left_txt s26 f500 family" style="margin-left: 6upx;">
					送货上门
				</view> -->
			</view>
			<view class="fuwu_max_box flex" v-if="status == 0" @click="toggle('bottom',10)">
				<view class="fwu_max_txt flex" v-for="(item,index) in goodsDetail.after_sale" :key="index">
					<view class="flex" style="margin-left: 28upx; margin-top: 20upx;">
						<image class="huanhuo_img" src="../../../static/shouhuo.png" mode=""></image>
						<text class="txt_ji s20 f500 family">
							{{item.title}}
						</text>
					</view>
				</view>
			</view>
			<view class="fuwu_max_box flex" v-if="status == 1" @click="toggle('bottom',10)">
				<view class="fwu_max_txt flex" v-for="(item,index) in goodsDetail.after_sale" :key="index">
					<view class="flex" style="margin-left: 28upx; margin-top: 20upx;">
						<image class="huanhuo_img" src="../../../static/shouhuo.png" mode=""></image>
						<text class="txt_ji s20 f500 family">
							{{item.title}}
						</text>
					</view>
				</view>
			</view>
			<view class="dianpu_box">
				<view class="dp_header_box flex">
					<view class="header_img">
						<image class="w100 h100"
							:src="status == 0 ? goodsDetail.shop.avatar_url : dressList.shop.avatar_url" mode="">
						</image>
					</view>
					<view class="dp_name_juli">
						<view class="dp_name s26 f500 family">
							{{status == 0 ? goodsDetail.shop.shopname : dressList.shop.shopname || ''}}
						</view>
						<view class="juli_flx flex">
							<image class="juli_img" src="../../../static/store/dingwei.png" mode=""></image>
							<view class="juli_txt s22 f500 family" @click="getOpenLoaction">
								距离1215.56km {{status == 0 ? goodsDetail.shop.city : dressList.shop.city || ''}}
							</view>
						</view>
					</view>
					<view class="guanzhu_box s26 f500 family txtali" v-if="follow_shop == false"
						@click="guanZhu(goodsDetail.shop_id,goodsDetail.follow,dressList.shop_id,dressList.follow)">
						+关注
					</view>
					<view class="guanzhu_box s26 f500 family txtali" v-else
						@click="guanZhu(goodsDetail.shop_id,goodsDetail.follow,dressList.shop_id,dressList.follow)"
						style="border: 2rpx solid #EB8787;color: #EB8787;">
						已关注
					</view>
				</view>
			</view>
			<view class="flex" style="margin-bottom: 20upx;">
				<view class="fangke_txt s22 f500 family">
					访客&nbsp;{{goodsDetail.views || dressList.views || 0}}
				</view>
				<view class="phone_img" @click="onPhone">
					<image class="w100 h100" src="../../../static/store/phone.png" mode=""></image>
				</view>
			</view>
		</view>

		<view class="dp_tc_tuijian w100">
			<view class="header_qie flex">
				<view :class="[tjIndex == index ? 'qie_txt_active' : 'qie_txt','s24','familytow','fblod']"
					v-for="(item,index) in tjList" :key="index" @click="onQie(index)">
					{{item.name}}
				</view>
			</view>
			<view class="tj_goods_box flex">
				<view class="tj_goods_c_box" v-for="(item,index) in recommendList" :key="index" v-if="index < 6"
					@click="tjGoods(item.id)">
					<view class="tj_goods_img_box">
						<image class="w100 h100" :src="item.image_src" mode=""></image>
					</view>
					<view class="tj_goods_name s24 f500 family">
						{{item.title || item.name}}
					</view>
					<view class="tj_goods_moeny s20 f500 family">
						￥{{item.price}}
					</view>
				</view>
			</view>
		</view>
		<view class="bot_goods_detail">
			<view class="header_title s24 familytow fblod txtali" v-if="status == 0">
				商品详情
			</view>
			<view class="w100" style="overflow: hidden;" v-if="status == 0">
				<!-- <gra-phic :text="goodsDetail.content" :show="status == 0"></gra-phic> -->
				<rich-text :nodes="goodsDetail.content"></rich-text>
			</view>
			<view v-if="status == 1">
				<!-- v-if="false" -->
				<view class="detail_qie w100 flex">
					<image class="qie_img" src="../static/detailqie.png" mode=""></image>
					<view class="detail_qie_c" v-for="(item,index) in gdList" :key="index" @click="gdQue(index)">
						<view class="detail_qie_txt s24 fblod familytow">
							{{item.name}}
						</view>
						<view :class="[gdIndex == 0 ? 'bot_xian' : 'bot_xian_active']"></view>
					</view>
				</view>
				<!-- v-if="gdIndex == 0 && goodsDetail.shop.is_photography == 1" -->
				<view class="detail_c_fuwuneir w100" v-if="gdIndex == 0">
					<view class="fuwu_ng_box w100" v-for="(item,index) in dressList.attrs_list" :key="index">
						<view class="top_nr_box flex">
							<view class="yuan_box"></view>
							<view class="fuwu_nr_name s24 fblod family">
								{{item.name}}
							</view>
							<view class="tiaozheng_box s24 fblod familytow txtali" @click="goGive(item)">
								去调整
							</view>
						</view>

						<view class="" v-for="(items,indexs) in item.value" :key="indexs">
							<view class="fuwu_nr_box_list flex flexjus align-center" :style="items.show==true?'':''"
								v-if="items.is_default == 1" @click="goDetail(items.id,items.number,indexs,item)">
								<view class="fuwu_nr_txt f500 s28 family">
									{{items.name}}×{{items.number}}
								</view>
								<view @click.stop="showSpecifications(index,indexs,items.show)"
									style="font-size: 0;padding:0 18rpx;">
									<image v-if="!items.show" style="width: 48rpx;height: 48rpx;"
										src="https://sz.vvv5g.com/assets/img/wxImg/rightArrow2.png" mode=""></image>
									<image v-else style="width: 48rpx;height: 48rpx;"
										src="https://sz.vvv5g.com/assets/img/wxImg/downArrow2.png" mode=""></image>
								</view>
								<view class="fuwu_nr_money f500 s28 family fblod s20 family">
									￥{{items.price}}
								</view>
							</view>
							<view v-if="items.show==true&&items.is_default == 1" class="flex flex-wrap"
								style="margin-top: 14rpx;">
								<view class="" v-for="itemss in items.spec_arr"
									style="padding: 8rpx 20rpx;border-radius: 8rpx;border: 2rpx solid #999;margin-right: 12rpx;margin-bottom: 16rpx;font-size:20rpx;color:#666">
									{{itemss}}
								</view>
							</view>
						</view>
					</view>
				</view>
				<gra-phic :text="dressList.content" :show="gdIndex == 1 ? true : false"></gra-phic>
			</view>
		</view>
		<view class="dress_price s40 familytow fblod flex" v-if="status == 1" style="left: 30upx;">
			<text class="s28 familythree f400" style="color: #000;margin-top:8upx;">原价：</text>
			<view class=" s32 familytow fblod" style="color:#FF3F4A;margin-top:8upx;">
				￥
			</view> {{yuanDressMoney == 0 ? dressList.price : yuanDressMoney}}
		</view>
		<view class="dress_price s40 familytow fblod flex" v-if="status == 1">
			<text class="s28 familythree f400" style="color: #000;margin-top:8upx;">总计：</text>
			<view class=" s32 familytow fblod" style="color:#FF3F4A;margin-top:8upx;">
				￥
			</view> {{totalPrice == 0 ? dressList.price : totalPrice}}
		</view>
		<!-- 标记 -->
		<view class="gwc_box w100" :style="{'padding-bottom': flag1 == true ? '50rpx' : '0rpx'}" v-if="goodsDetail.status!='hidden' && dressList.status!='hidden'">
			<uni-goods-nav :fill="true" :isWeddingDress="isWeddingDress" :options="options"
				:button-group="customButtonGroup" @click="onClick" @buttonClick="buttonClick" />
		</view>
		<view class="gwc_box w100" style="position: unset;opacity: 0;"
			:style="{'padding-bottom': flag1 == true ? '50rpx' : '0rpx'}" v-if="goodsDetail.status!='hidden' && dressList.status!='hidden'">
			<view class="" style="height: 20rpx;">

			</view>
			<uni-goods-nav :fill="true" :isWeddingDress="isWeddingDress" :options="options"
				:button-group="customButtonGroup" @click="" @buttonClick="" />
		</view>
		<uni-popup ref="popup" background-color="#fff">
			<block v-if="flag == 1">
				<view class="popup_box">
					<view class="header_img_name flex">
						<view class="goods_img_box" @click="see">
							<image class="w100 h100" :src="goodsDetail.image_src" mode=""></image>
						</view>
						<view class="money_yx">
							<view class="money_txt s40 f500 family">
								￥{{money1}}
							</view>
							<view class="yx_txt s24 fblod familytow">
								【已选】
								{{goodsName[0] == undefined ? '' : goodsName[0]}}{{goodsName[1] == undefined ? '' : goodsName[1]}}
								数量{{goodsNum}}
							</view>
						</view>
					</view>
					<view class="state_top" v-for="(item,index) in goodsDetail.spu" :key="item.id">
						<view class="state_top_title s28 fblod familytow">
							{{item.name}}
						</view>
						<view class="state_top_box flex">
							<view
								:class="[goodsIndex[index] == indexs ? 'state_top_list_active' : 'state_top_list','s28', 'family', 'f500','txtali']"
								v-for="(items,indexs) in item.item" :key="indexs"
								@click="onGoods(index,indexs,items.name,item.id)">
								{{items.name}}
							</view>
						</view>
					</view>
					<view class="goods_num flex">
						<view class="goods_num_title s28 familytow fblod">
							数量
						</view>
						<view class="zen_jan flex">
							<view class="jan_box" @click="goodsNumJian">
								<view class="jan"></view>
							</view>
							<view class="num_txt s28 fblod familytow">
								{{goodsNum}}
							</view>
							<view class="jia_box s40 fblod txtali" @click="goodsNumJia">
								+
							</view>
						</view>
					</view>
					<view class="tjfh_txt flexjus">
						<view class="s28 familytow fblod">分红</view>
						<view class="fh_price s28 f500 family">
							￥{{leve}}
						</view>
					</view>
					<view class="bottom_btn s36 f500 family txtali" @click="close(1)">
						确定
					</view>
				</view>
			</block>
			<block v-if="flag == 2">
				<view class="fuwu_box">
					<view class="fuwu_title s32 family fblod txtali">
						基础服务保障
					</view>
					<view class="list_box" v-for="(item,index) in goodsDetail.services" :key="index" v-if="status == 0">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png" mode=""></image>
							<view class="list_name family s26">
								{{item.name}}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{item.description}}
						</view>
					</view>
					<view class="list_box" v-for="(item,index) in dressList.services" :key="index" v-if="status == 1">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png" mode=""></image>
							<view class="list_name family s26">
								{{item.name}}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{item.description}}
						</view>
					</view>
					<view class="bottom_btn_fuwu txtali familytow fblod" @click="close(2)">
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 10">
				<view class="fuwu_box">
					<view class="fuwu_title s32 family fblod txtali">
						基础售后保障
					</view>
					<view class="list_box" v-for="(item,index) in goodsDetail.after_sale" :key="index"
						v-if="status == 0">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png" mode=""></image>
							<view class="list_name family s26">
								{{item.title}}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{item.content}}
						</view>
					</view>
					<view class="list_box" v-for="(item,index) in dressList.after_sale" :key="index" v-if="status == 1">
						<view class="list_top_box flex">
							<image class="huanhuo_img" src="../../../static/fuwu.png" mode=""></image>
							<view class="list_name family s26">
								{{item.title}}
							</view>
						</view>
						<view class="bottom_txt s24 family">
							{{item.content}}
						</view>
					</view>
					<view class="bottom_btn_fuwu txtali familytow fblod" @click="close(2)">
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 4">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">
						全民礼包
					</view>
					<!-- <view class="bottom_title s30 familytow">
						全民专享优惠
					</view> -->
					<scroll-view :scroll-top="scrollTop" scroll-y="true" style="height: 620rpx;" class="scroll-Y"
						@scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<block v-for="(item,index) in partnerList.people.gift" :key="index">
							<view id="demo1" class="scroll-view-item uni-bg-red flex"
								v-for="(items,indexs) in item.content" :key="indexs" @click="givingDetail(items.id,0)">
								<view class="left_box s28 family f500 txtali">
									赠送
								</view>
								<view class="left_box_txt s26 f500 family">
									{{items.name}}
								</view>
								<view class="right_box_price">
									￥{{items.price}}x{{items.number}}
								</view>
								<view class="right_box_jt">
									<image class="w100 h100" src="../static/hhr_right_jt.png" mode=""></image>
								</view>
							</view>
							<view class="" style="margin-top: 10rpx;">
								<view class="" style="display: flex;align-items: center;">
									<view class="" style="font-size: 0;">
										<image style="width: 24upx;height: 24upx;" src="../../../static/fuwu.png"
											mode=""></image>
									</view>
									<view class="family s26" style="padding-left: 20rpx;color: #333;">
										活动描述
									</view>
								</view>
								<view class="s24 family"
									style="color: #828282;margin-top: 16rpx;padding-right: 40rpx;padding-left: 40rpx">
									{{item.desc}}
								</view>
							</view>
						</block>
					</scroll-view>
					<view style="width: 568rpx;
					height: 80rpx;
					background: #EBBE87;
					border-radius: 40rpx 40rpx 40rpx 40rpx;
					border: 2rpx solid #EBBE87;
					margin: 0 auto;
					margin-top: 60upx;
					line-height: 80rpx;
					color: #FFFFFF;" class="txtali familytow fblod" @click="close(2)">
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 5">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">
						全民礼包
					</view>
					<!-- <view class="bottom_title s30 familytow">
						全民专享优惠
					</view> -->
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
						@scrolltolower="lower" @scroll="scroll">
						<view id="demo1" class="scroll-view-item uni-bg-red flex"
							v-for="(item,index) in partnerList.people.discount" :key="index"
							@click="givingDetail(item.id,0)">
							<view class="left_box s28 family f500 txtali">
								折扣
							</view>
							<view class="left_box_txt s26 f500 family">
								{{item.title}}
							</view>
						</view>
					</scroll-view>
				</view>
			</block>
			<block v-if="flag == 6">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">
						全民礼包
					</view>
					<!-- <view class="bottom_title s30 familytow">
						全民专享优惠
					</view> -->
					<scroll-view :scroll-top="scrollTop" scroll-y="true" style="height: 620rpx;" class="scroll-Y"
						@scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<!-- @click="givingDetail(item.id,0)" -->
						<view id="demo1" class="scroll-view-item uni-bg-red flex"
							v-for="(item,index) in partnerList.people.full_reduction" :key="index">
							<view class="left_box s28 family f500 txtali">
								满减
							</view>
							<view class="left_box_txt s26 f500 family">
								{{item.title}}
							</view>
						</view>
						<view class="" style="margin-top: 10rpx;">
							<view class="" style="display: flex;align-items: center;">
								<view class="" style="font-size: 0;">
									<image style="width: 24upx;height: 24upx;" src="../../../static/fuwu.png" mode="">
									</image>
								</view>
								<view class="family s26" style="padding-left: 20rpx;color: #333;">
									活动描述
								</view>
							</view>
							<view class="s24 family"
								style="color: #828282;margin-top: 16rpx;padding-right: 40rpx;padding-left: 40rpx">
								{{partnerList.people.full_reduction[0].desc}}
							</view>
						</view>
					</scroll-view>
					<view style="width: 568rpx;
					height: 80rpx;
					background: #EBBE87;
					border-radius: 40rpx 40rpx 40rpx 40rpx;
					border: 2rpx solid #EBBE87;
					margin: 0 auto;
					margin-top: 60upx;
					line-height: 80rpx;
					color: #FFFFFF;" class="txtali familytow fblod" @click="close(2)">
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 3">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">
						专享礼包
					</view>
					<!-- <view class="bottom_title s30 familytow">
						合伙人、返利会员、员工推荐亲友团专享优惠
					</view> -->
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" style="height: 620rpx;"
						@scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<block v-for="(item,index) in partnerList.member.gift" v-if="item.type=='member'" :key="index">
							<view id="demo1" class="scroll-view-item uni-bg-red flex"
								v-for="(items,indexs) in item.content" :key="indexs" @click="givingDetail(items.id,0)">
								<view class="left_box s28 family f500 txtali">
									赠送
								</view>
								<view class="left_box_txt s26 f500 family">
									{{items.name}}
								</view>
								<view class="right_box_price">
									￥{{items.price}}x{{items.number}}
								</view>
								<view class="right_box_jt">
									<image class="w100 h100" src="../static/hhr_right_jt.png" mode=""></image>
								</view>
							</view>
							<view class="" style="margin-top: 10rpx;">
								<view class="" style="display: flex;align-items: center;">
									<view class="" style="font-size: 0;">
										<image style="width: 24upx;height: 24upx;" src="../../../static/fuwu.png"
											mode=""></image>
									</view>
									<view class="family s26" style="padding-left: 20rpx;color: #333;">
										活动描述
									</view>
								</view>
								<view class="s24 family"
									style="color: #828282;margin-top: 16rpx;padding-right: 40rpx;padding-left: 40rpx">
									{{item.desc}}
								</view>
							</view>
						</block>

					</scroll-view>
					<view style="width: 568rpx;
					height: 80rpx;
					background: #EBBE87;
					border-radius: 40rpx 40rpx 40rpx 40rpx;
					border: 2rpx solid #EBBE87;
					margin: 0 auto;
					margin-top: 60upx;
					line-height: 80rpx;
					color: #FFFFFF;" class="txtali familytow fblod" @click="close(2)">
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 7">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">
						专享礼包
					</view>
					<view class="bottom_title s30 familytow">
						合伙人、返利会员、员工推荐亲友团专享优惠
					</view>
					<scroll-view :scroll-top="scrollTop" style="height: 620rpx;" scroll-y="true" class="scroll-Y"
						@scrolltoupper="upper" @scrolltolower="lower" @scroll="scroll">
						<!-- @click="givingDetail(item.id,0)" -->
						<view id="demo1" class="scroll-view-item uni-bg-red flex"
							v-for="(item,index) in partnerList.member.full_reduction" :key="index">
							<view class="left_box s28 family f500 txtali">
								满减
							</view>
							<view class="left_box_txt s26 f500 family">
								{{item.title}}
							</view>
						</view>
						<view class="" style="margin-top: 10rpx;">
							<view class="" style="display: flex;align-items: center;">
								<view class="" style="font-size: 0;">
									<image style="width: 24upx;height: 24upx;" src="../../../static/fuwu.png" mode="">
									</image>
								</view>
								<view class="family s26" style="padding-left: 20rpx;color: #333;">
									活动描述
								</view>
							</view>
							<view class="s24 family"
								style="color: #828282;margin-top: 16rpx;padding-right: 40rpx;padding-left: 40rpx">
								{{partnerList.member.full_reduction[0].desc}}
							</view>
						</view>
					</scroll-view>
					<view style="width: 568rpx;
					height: 80rpx;
					background: #EBBE87;
					border-radius: 40rpx 40rpx 40rpx 40rpx;
					border: 2rpx solid #EBBE87;
					margin: 0 auto;
					margin-top: 60upx;
					line-height: 80rpx;
					color: #FFFFFF;" class="txtali familytow fblod" @click="close(2)">
						完成
					</view>
				</view>
			</block>
			<block v-if="flag == 8">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s32 family">
						专享礼包
					</view>
					<view class="bottom_title s30 familytow">
						合伙人、返利会员、员工推荐亲友团专享优惠
					</view>
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scrolltoupper="upper"
						@scrolltolower="lower" @scroll="scroll">
						<view id="demo1" class="scroll-view-item uni-bg-red flex"
							v-for="(item,index) in partnerList.member.discount" :key="index"
							@click="givingDetail(item.id,0)">
							<view class="left_box s28 family f500 txtali">
								折扣
							</view>
							<view class="left_box_txt s26 f500 family">
								{{item.title}}
							</view>
						</view>
					</scroll-view>
				</view>
			</block>
			<block v-if="flag === 9">
				<view class="hhr_box_pop">
					<view class="pop_title txtali s36 familytow fblod" style="color: #000;">
						优惠券
					</view>
					<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" @scroll="scroll">
						<view id="demo1" class="scroll-view-item uni-bg-red flex"
							v-for="(item,index) in partnerList.people.full_reduction" :key="index">
							<view class="left_box s28 family f500 txtali">
								满减
							</view>
							<view class="left_box_txt s26 f500 family">
								{{item.title}}
							</view>
						</view>
					</scroll-view>
				</view>
			</block>
		</uni-popup>
		<!-- 选择弹窗 -->
		<uni-popup ref="popupfen" type="bottom" backgroundColor="transparent">
			<view class="boxfen">
				<view class="hbng" @click="clofenl">
					<img class='fenicon' src="@/static/loser.png" alt="">
				</view>

				<view class="boxfen-list" @click="swpopup(i)" v-for="(item,i) in arrl" :key="i">
					<view class="boxfen-lei">
						<span>{{item.lei}}</span>
					</view>
					<view class="flex-icon">
						<span>{{item.content}}
							<img style="width: 18upx;height: 18upx;display: inline-block;margin-left: 12upx;"
								src="@/static/rightjian.png" alt="">
						</span>

					</view>
				</view>
				<view @click="nextStup" class="boxfen-btn">
					<button>下一步</button>
				</view>
				<view class="" style="height: 58rpx;">

				</view>
			</view>
		</uni-popup>
		<uni-popup ref="popups" type="bottom" backgroundColor="white">
			<choice :paiqiObj="paiqiObj" @rightArrow="rightArrow" @leftArrow="leftArrow" :year="year" :month="mouth"
				@clepop='clepop' @enterselect='goSelect'></choice>
		</uni-popup>
		<!-- 选择拍摄类型 -->
		<uni-popup ref="popupdd" type="bottom" backgroundColor="transparent">
			<view class="boxkl">
				<view class="hbng">
					<view class="iconk" @click="coslepop"></view>
				</view>
				<scroll-view class="scoll" :scroll-y="true">
					<view class="txtg" v-for="(item,i) in tablist" :class="{check:objPackgre.type_id==item.id}" :key='i'
						@click="chans(item,i)">{{item.name}}</view>
				</scroll-view>
			</view>
		</uni-popup>
		<share-box ref="child" :bottom="bottom" :show="show" :type="shareType"></share-box>
	</view>
</template>

<script>
	import graPhic from '@/components/graphic.vue';
	import shareBox from '@/components/share.vue';
	import choice from './choice.vue';
	import {
		mapState
	} from 'vuex';
	export default {
		components: {
			graPhic,
			shareBox,
			choice,
		},
		computed: {
			...mapState(["icon"])
		},
		data() {
			return {
				tablist: [],
				arrl: [{
						lei: '拍摄类型',
						content: '不指定'
					},
					{
						lei: '选择档期',
						content: '不指定'
					},
					{
						lei: '摄影师',
						content: '不指定'
					},
					{
						lei: '化妆人',
						content: '不指定'
					},
				],
				goodsDetail: {}, // 商品详情
				dressList: {}, // 婚纱商品详情
				partnerList: {}, // 优惠详情
				goodsIndex: [], // 商品规格索引
				goodsName: [], // 商品规格名称
				status: null, // 判断是普通商品还是婚纱商品
				cart: false, // 判断是否是点击购物车
				goodsNum: 1, // 购买商品的数量
				options: [{ // 底部菜单详情样式
					icon: 'shop',
					text: '店铺',
					infoBackgroundColor: '#007aff',
					infoColor: "#f5f5f5"
				}, {
					icon: 'cart',
					text: '购物车',
					info: 0
				}, {
					icon: 'star',
					text: '收藏',
					color: '#646566'
				}],
				customButtonGroup: [],
				controls: false,
				videoShow: true,
				imageShow: true,
				tjIndex: 0,
				gdIndex: 0,
				tjList: [{
						name: '店铺推荐'
					},
					{
						name: '同城推荐'
					}
				],
				gdList: [{
					name: '服务内容'
				}, {
					name: '图文介绍'
				}],
				flag1: false, // 判断机型
				show: false,
				type: null, // 判断搜索组件
				x: 10000000,
				y: 10000000,
				old: {
					x: 0,
					y: 0
				},
				flag: 0, // 判断弹窗
				money1: 0, // 规格的第一个参数
				money2: 0, // 规格的第二个参数
				selectId: null, // 规格id
				show: false,
				type1: 1,
				identity: 0, // 个人身份
				leve: "", // 分红参数
				leves: "", // 分红参数加商品量
				id: 0, // 店铺id
				follow_shop: '', // 店铺关注参数
				cartLists: [], // 购物车数据
				stockNum: 0, // 商品库存量
				dressMoney: 0, // 婚纱总金额
				yuanDressMoney: 0,
				day: '00', // 倒计时天数
				hou: '00', // 小时
				min: '00', // 分钟
				sec: '00', // 秒
				attrs: [],
				huodong_tips: "",
				totalPrice: 0,
				recommendList: [], // 店铺推荐
				bottom: 'wedding', // 分享判断弹窗高度
				currentTime: '', // 获取当前时间精确到秒
				obj: [{
						text: '加入购物车',
						backgroundColor: '#F66069',
						color: '#fff'
					},
					{
						text: '立即下单',
						backgroundColor: '#EBBE87',
						color: '#fff'
					}
				],
				dressObj: [{
					text: '立即下单',
					backgroundColor: '#EBBE87',
					color: '#fff'
				}],
				shareType: null, // 判断分享出去的是什么商品
				// 当前日期
				year: '',
				mouth: '',
				//查看档期数据
				paiqiObj: {},
				selectedTeacher: '', //化妆师,
				Id: '',
				objPackgre: '', //拍摄类型
				isWeddingDress: 0, //0 显示购物车按钮 1不显示购物车按钮
			}
		},
		onLoad(option) {
			if (option.type == 2) {
				this.status = 1
			} else {
				this.status = option.type
			}
			// 婚纱模块传不了 改自己选
			if (option.obj) {
				this.objPackgre = JSON.parse(option.obj);
				this.arrl[0].content = this.objPackgre.type_names;
			}
			this.id = option.id
			this.identity = uni.getStorageSync('userInfo').identity
			// 获取当前时间
			let date = new Date().getTime()
			let number = date / 1000
			this.currentTime = number.toFixed(0)
			// 判断是商城商品类型还是婚纱商品类型请求不同的接口和商品开售还是未开售
			if (option.type == 0) {
				this.getGoods(option.id)
				this.shareType = 1;
				// 获取合伙人列表
				this.getGoodsDeatil(option.id);
			} else {
				this.shareType = 2;
				this.isWeddingDress = 1;
				this.getDresslist(option.id);
				// 获取合伙人列表婚纱
				this.getGoodsDeatils(option.id)
			}
			this.year = this.getNowDate(1);
			this.mouth = this.getNowDate(2);
			this.seeTime(this.year + '-' + this.mouth);


			// 推荐分红
			this.getBonus(option.id)

			// 刷新用户信息
			this.$getUserInfo()
		},
		onShow() {
			if (uni.getStorageSync('yuyueid')) {
				// 删除预约
				this.$request({
					url: 'wedding/sys_appointment_del',
					method: 'POST',
					data: {
						id: uni.getStorageSync('yuyueid')
					},
				}).then(res => {
					uni.removeStorageSync('yuyueid');
				})
			}
			this.cartLists = uni.getStorageSync('cartList')
			this.options[1].info = this.cartLists.length
			this.getCartLists()
			if (uni.getStorageSync('addTeacher')) {
				//选择摄影师
				this.arrl[2].content = uni.getStorageSync('addTeacher').name;
				this.Id = uni.getStorageSync('addTeacher').id;
				uni.removeStorageSync('addTeacher');
			}
			if (uni.getStorageSync('addTeacher2')) {
				//选择化妆师
				this.arrl[3].content = uni.getStorageSync('addTeacher2').name;
				this.selectedTeacher = uni.getStorageSync('addTeacher2');
				uni.removeStorageSync('addTeacher2');
			}
		},
		onReady() {
			this.flag1 = this.bottomNav()
		},
		methods: {
			//点击展示规格
			showSpecifications(index, indexs, a) {
				if (this.dressList.attrs_list[index].value[indexs].show) {
					this.dressList.attrs_list[index].value[indexs].show = false;
				} else {
					this.dressList.attrs_list[index].value[indexs].show = true;
				}
				this.$forceUpdate();
			},
			// 确认选择档期
			goSelect(val) {
				this.arrl[1].content = val
			},
			//弹窗开与关
			kai() {
				this.$refs['popupdd'].open()
			},
			coslepop() {

				this.$refs['popupdd'].close()
			},
			clepop() {

				this.$refs['popups'].close()
			},
			openp() {
				this.$refs['popups'].open()
			},
			fen() {
				this.$refs['popupfen'].open()
			},
			clofenl() {
				this.$refs['popupfen'].close()
			},
			// 婚纱模块传不了 改自己选
			// 选择拍摄类类型
			chans(e, k) {
				this.arrl[0].content = e.name;
				this.objPackgre = {
					type_id: e.id
				}
				this.$refs['popupfen'].open()
				this.coslepop();
			},
			// 婚纱模块传不了 改自己选
			// 获取拍摄类型列表
			getStoreData(id) {
				this.$request({
					url: 'shop/getShopInfo',
					data: {
						id: id,
						lng: uni.getStorageSync('location').longitude,
						lat: uni.getStorageSync('location').latitude,
					}
				}).then(res => {
					if (res.statusCode == 200) {
						this.tablist = res.data.data.category
					}

				})
			},
			swpopup(i) {
				if (i == 0) {
					// 婚纱模块传不了 改自己选
				} else if (i === 1) {
					this.openp()
				} else {
					if (this.arrl[1].content == '不指定') {
						uni.showToast({
							title: '请选择档期',
							icon: 'none'
						})
						return;
					}
					let obj = {
						type: i,
						type_id: this.objPackgre.type_id,
						time: this.arrl[1].content,
						sysId: this.id
					}
					uni.navigateTo({
						url: `../../teacher/select?obj=${JSON.stringify(obj)}`
					})
				}
			},
			//查看档期 月份加减
			leftArrow() {
				this.mouth--;
				if (this.mouth < 1) {
					this.year--;
					this.mouth = 12;
				}
				this.seeTime(this.year + '-' + this.mouth);
			},
			rightArrow() {
				this.mouth++;
				if (this.mouth > 12) {
					this.year++;
					this.mouth = 1;
				}
				this.seeTime(this.year + '-' + this.mouth);
			},
			// 查看档期
			seeTime(e) {
				let res = {
					data: {
						data: {
							date: []
						},
					}
				}
				let dayNum = this.mGetDate(e.split('-')[0], e.split('-')[1]);
				for (let i = 0; i < dayNum; i++) {
					res.data.data.date.push({
						"num": i + 1,
						"type": 1 //1空2满3休
					})
				}

				let week = new Date(e + '-1').getDay();
				// 计算上个月的天数
				let years = 0;
				let months = 0;
				if (this.mouth - 1 < 1) {
					years = this.year - 1;
					months = 12;
				} else {
					years = this.year;
					months = this.mouth - 1;
				}
				let days = new Date(years, months, 0).getDate();
				for (let i = 0; i < week; i++) {
					let obj = {
						"num": days - i,
						"type": 4 //1空2满3休
					}
					res.data.data.date.unshift(obj)
				}
				for (let i = 0; i < res.data.data.date.length % 7; i++) {
					let obj = {
						"num": i + 1,
						"type": 4 //1空2满3休
					}
					res.data.data.date.push(obj)
				}
				this.paiqiObj = res.data.data;
			},
			// 获取店铺信息
			getStoreDetail(id) {
				this.$request({
					url: 'shop/getShopInfo',
					data: {
						id: id
					}
				}).then(res => {
					this.follow_shop = res.data.data.follow
				})
			},
			// 获取婚纱商品详情
			getDresslist(id) {
				this.$request({
					url: 'package/sample',
					data: {
						id: id
					}
				}).then(res => {
					// 详情正则
					this.dressList = res.data.data;
					if (this.objPackgre == '') {
						let obj = {
							type_id: this.dressList.shop_category[0].id,
							type_names: this.dressList.shop_category[0].name,
						}
						this.objPackgre = obj;
						this.arrl[0].content = this.objPackgre.type_names;
					}
					this.getRecommendeds(res.data.data.id)
					uni.setStorageSync('attrs', res.data.data.attrs);
					res.data.data.content = res.data.data.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, (
						match, capture) => {
						var img = `<img style="display: block;width: 100%;" src="${capture}">`;
						return img;
					});
					this.getStoreDetail(res.data.data.shop_id);
					// 婚纱模块传不了 改自己选
					this.getStoreData(res.data.data.shop_id);
					res.data.data.follow ? this.options[2].icon = 'star-filled' : this.options[2].icon = 'star'
					res.data.data.follow && (this.options[2].color = '#EBBE87')
					this.dressList.attrs_list.forEach(item => {
						item.value.forEach(items => {
							items.flag = 1;
							items.is_default = 1;
							items.show = false;
						})
					})
					if (this.dressList.endtime != 0) {
						if (Number(this.currentTime) > this.goodsDetail.endtime) {
							this.dressObj[1].text = '已结束'
							this.huodong_tips = "活动结束倒计时"
							this.dressObj[1].backgroundColor = '#666666'
						} else {
							this.dressObj[1].text = '未开售'
							this.huodong_tips = "活动开始倒计时"
							this.dressObj[1].backgroundColor = '#666666'
						}
						this.customButtonGroup = this.dressObj
					} else {
						this.customButtonGroup = this.dressObj
					}
				})
			},
			// 获取商城商品详情
			getGoods(id) {
				this.$request({
					url: 'product/goods',
					data: {
						id: id
					}
				}).then(res => {
					if (res.data.code == 1) {
						//详情正则
						res.data.data.content = res.data.data.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi,
							(match, capture) => {
								var img = `<img style="display: block; width: 100%;" src="${capture}">`;
								return img;
							});
						this.goodsDetail = res.data.data
						this.getStoreDetail(res.data.data.shop_id)
						// 推荐商品
						this.getRecommended(res.data.data.id)
						res.data.data.follow ? this.options[2].icon = 'star-filled' : this.options[2].icon = 'star'
						res.data.data.follow && (this.options[2].color = '#EBBE87')
						this.goodsDetail.spu.forEach(item => {
							this.goodsIndex.push(-1)
							item.item.forEach(items => {
								items.isShow = false
							})
						})
						let max = this.goodsDetail.price
						let min = this.goodsDetail.price
						this.goodsDetail.sku.map((item, index) => {
							if (Number(item.price) >= Number(max)) {
								max = Number(item.price)
							} else {
								min = Number(item.price)
							}
						})
						this.money1 = `${min}-${max}`

						if (this.goodsDetail.endtime != 0) {
							if (Number(this.currentTime) > this.goodsDetail.endtime) {
								this.obj[1].text = '已结束'
								this.huodong_tips = "活动结束倒计时"
								this.obj[1].backgroundColor = '#DDDFE7'
								this.setTime(res.data.data.endtime)
							} else if (Number(this.currentTime) < this.goodsDetail.starttime) {
								this.obj[1].text = '未开售'
								this.huodong_tips = "活动开始倒计时"
								this.obj[1].backgroundColor = '#DDDFE7'
								this.setTime(res.data.data.starttime)
							} else {
								this.obj[1].text = '去抢购'
								this.huodong_tips = "活动结束倒计时"
								this.setTime(res.data.data.endtime)
					}
							this.customButtonGroup = this.obj
						} else {
							this.customButtonGroup = this.obj
						}
					} else {
						uni.showModal({
							title: '提示',
							content: res.data.msg,
							showCancel: false,
							success: function(res) {
								if (res.confirm) {
									uni.navigateBack({})
								}
							}
						});
					}
				})
			},
			// 调取导航
			getOpenLoaction() {
				uni.openLocation({
					latitude: Number(this.goodsDetail.shop.latitude),
					longitude: Number(this.goodsDetail.shop.longitude),
					success: function() {
						return false
					},
					fail(error) {
						return false
					}
				})
			},
			// 获取合伙人列表
			getGoodsDeatil(id) {
				let that = this
				this.$request({
					url: 'product/getDiscount',
					data: {
						id: id,
						share_user_id: ''
					}
				}).then(res => {
					that.partnerList = res.data.data
				})
			},
			// 获取合伙人列表婚纱
			getGoodsDeatils(id) {
				let that = this
				this.$request({
					url: 'package/getDiscount',
					data: {
						id: id,
						share_user_id: ''
					}
				}).then(res => {
					if (res.data.data.people.full_reduction.length == 0) {
						res.data.data.people.full_reduction = null;
					}
					that.partnerList = res.data.data;
				})
			},
			// 关注店铺
			guanZhu(id, follow, did, dfollow) {
				// 改预览
				return;
				let shopId = 0
				if (this.status == 0) {
					shopId = id
				} else {
					shopId = did
				}
				this.$request({
					url: 'shop/follow',
					method: 'POST',
					data: {
						id: shopId
					}
				}).then(res => {
					if (res.statusCode == 200) {
						this.follow_shop = res.data.data
						if (res.data.data == false) {
							uni.showToast({
								title: '取消关注',
								icon: 'none',
								duration: 2000,
							})
						} else {
							uni.showToast({
								title: '关注成功',
								icon: 'none',
								duration: 2000,
							})
						}
					}
				})
			},

			// 遍历总金额
			getPrice(price) {
				this.totalPrice = price.toFixed(2)
			},
			// 遍历婚纱原价
			getPriceYuan() {
				let arr = 0,
					drePrice = 0;
				let dressPrice = this.dressList.attrs.forEach(item => {
					item.values.forEach(goods => {
						if (goods.is_default == 1) {
							let discountMy = Number(goods.discount) / 100
							arr = Number(goods.number) * Number(goods.price) * discountMy
							drePrice += arr
						} else {
							return;
						}
					})
				})
				this.yuanDressMoney = drePrice
			},
			// 获取商品库存
			getStock() {
				this.$request({
					url: 'product/stock',
					data: {
						sku_id: this.selectId
					}
				}).then(res => {
					this.stockNum = res.data.data
				})
			},

			// 选择商品规格（婚纱商品没有规格）
			onGoods(index, indexs, name, id) {
				this.goodsIndex.splice(index, 1, indexs)
				this.goodsName.splice(index, 1, name)
				for (let i = 0; i < this.goodsDetail.sku.length; i++) {
					if (this.goodsDetail.sku[i].difference[index] == this.goodsDetail.spu[index].item[indexs].name) {
						this.money1 = this.goodsDetail.sku[i].price
						this.money2 = this.goodsDetail.sku[i].price
						this.selectId = this.goodsDetail.sku[i].id
						this.getStock()
						break;
					}
				}
				this.money1 = Number(this.money1) * Number(this.goodsNum)
			},
			// 设置弹窗里面图片放大
			see() {
				uni.previewImage({
					urls: this.goodsDetail.images_src,
					longPressActions: {
						itemList: ['发送给朋友', '保存图片', '收藏', '识别二维码'],
						success: function(data) {
							return false
						},
						fail: function(err) {
							return false 
						}
					}
				});
			},
			// 推荐分红
			getBonus(id) {
				let that = this
				that.$request({
					url: that.status == 0 ? 'product/rebate_rule' : 'package/rebate_rule',
					method: "POST",
					data: {
						id: id,
					}
				}).then(res => {
					let bonus = res.data.data
					if (that.identity == 2) {
						that.leve = Number(bonus.level1_rebate)
						that.leves = Number(bonus.level1_rebate)
					} else if (that.identity == 3) {
						that.leve = Number(bonus.level3_rebate)
						that.leves = Number(bonus.level1_rebate)
					} else if (that.identity == 4) {
						that.leve = Number(bonus.level2_rebate)
						that.leves = Number(bonus.level1_rebate)
					}
				})
			},
			// 设置选择商品数量最小值
			goodsNumJian() {
				let arr = this.money1.toString().split("-")
				if (this.goodsNum == 1) {
					uni.showToast({
						title: "最少购买一件!",
						icon: 'none'
					})
				} else {
					this.goodsNum--
					this.leve -= this.leves
				}
				if (arr.length < 2) {
					this.money1 = Number(this.money2) * Number(this.goodsNum)
				}
			},

			// 设置商品数量
			goodsNumJia() {
				let arr = this.money1.toString().split("-")
				if (this.goodsName.length == 0) {
					uni.showToast({
						title: '请选择规格',
						duration: 2000,
						icon: 'none'
					});
				} else {
					if (this.goodsNum + 1 > this.stockNum) {
						uni.showToast({
							title: '别加了没了!',
							duration: 2000,
							icon: 'none'
						});
					} else {
						this.goodsNum++
						if (arr.length < 2) {
							this.money1 = Number(this.money2) * Number(this.goodsNum)
						}
					}
				}
				this.leve += this.leves
			},
			onChange(e) {
				this.old.x = e.detail.x
				this.old.y = e.detail.y
			},

			// 跳转评论页
			goEvaluate() {
				// 改预览
				return;
				if (this.status == 0) {
					uni.navigateTo({
						url: '../evaluate/evaluate?id=' + this.goodsDetail.id + '&shopid=' + this.goodsDetail
							.shop_id
					})
				} else {
					uni.navigateTo({
						url: '../evaluate/evaluate?id=' + this.dressList.id + '&shopid=' + this.dressList.shop_id
					})
				}
			},

			// 计算倒计时
			setTime(myDate) {
				let date = this.get_dates(myDate)
				clearInterval(this.time);
				if (!date) return;
				let time_str = new Date(date.replace(/-/g, '-'));
				let time = time_str.getTime() - new Date().getTime();
				let timerDay = (time / 1000 / 60 / 60 / 24)
				let timerHou = parseInt((time / 1000 / 60 / 60) % 24)
				let timerMin = parseInt((time / 1000 / 60) % 60)
				let timerSec = parseInt((time / 1000) % 60)
				this.day = parseInt(timerDay % this.mGetDate(this.hou, this.min));
				this.hou = timerHou < 10 ? "0" + timerHou : timerHou;
				this.min = timerMin < 10 ? "0" + timerMin : timerMin;
				this.sec = timerSec < 10 ? "0" + timerSec : timerSec;
				this.time = setInterval(() => {
					let time = time_str.getTime() - new Date().getTime();
					if (time < 0) {
						clearInterval(this.time);
						this.day = '00';
						this.hou = '00';
						this.min = '00';
						this.sec = '00';
						return;
					}
					this.day = parseInt(timerDay % this.mGetDate(this.hou, this.min));
					this.hou = timerHou < 10 ? "0" + timerHou : timerHou;
					this.min = timerMin < 10 ? "0" + timerMin : timerMin;
					this.sec = timerSec < 10 ? "0" + timerSec : timerSec;
				}, 1000);
			},

			// 计算一个月有多少天
			mGetDate(year, month) {
				let date = new Date(year, month, 0);
				return date.getDate();
			},

			// 跳转婚纱产品列表页
			goGive(date) {
				this.$store.commit('getGive', date)
				uni.navigateTo({
					url: './give?goodsId=' + this.dressList.id + '&shopId=' + this.dressList.shop_id + '&price=' +
						this.dressList.price
				})
			},

			// 跳转卡券页
			onCoupon() {
				uni.navigateTo({
					url: '../coupon/coupon'
				})
			},

			// 获取购物车数据
			getCartLists() {
				for (let i = 0; i < this.cartLists.length; i++) {
					return this.cartLists[i].goods_id
				}
			},

			// 跳转婚纱赠送套系详情
			goDetail(id, number, index, data) {
				this.$store.commit('getGive', date)
				uni.navigateTo({
					url: `/pages/filePages/goodsDetail/presenter?id=${id}&number=${number}&index=${index}`
				})
			},
			// 关闭popup和判断是商城商品还是婚纱商品
			close(flag) {
				// 改预览
				if (this.cart == true) {
					if (this.goodsName.length == 0 && flag == 1) {
						uni.showToast({
							title: '请选择规格',
							icon: 'none',
							duration: 2000
						});
					} else {
						this.$refs.popup.close()
					}
				} else {
					let goodsData = {
						goods_id: this.goodsDetail.id,
						number: this.goodsNum,
						sku_id: this.selectId,
						shop_id: this.goodsDetail.shop_id
					}
					if (flag == 1 && this.goodsName.length != 0) {
						this.$refs.popup.close()
					} else {
						uni.showToast({
							title: '请选择规格',
							icon: 'none',
							duration: 2000
						});
					}
				}
				if (flag == 2) {
					uni.hideToast();
					this.$refs.popup.close()
				}
			},
			// 点击跳转购物车/店铺/收藏
			onClick(e) {
				// 改预览
				return;
				if (e.index == 1) {
					uni.navigateTo({
						url: '/pages/filePages/shopping_cart/shopping_cart'
					})
				} else if (e.index == 0) {
					if (this.status == 0) {
						let shopDetail = {
							shopname: this.goodsDetail.shop.shopname,
							id: this.goodsDetail.shop_id,
							flag: this.status
						}
						uni.navigateTo({
							url: '/pages/filePages/storePages/index'
						})
						this.$store.commit("getDataShop", shopDetail)
					} else {
						uni.navigateTo({
							url: '/pages/store/goodsList?id=' + this.dressList.shop_id + '&name=' + this.dressList
								.shop.shopname + '&flag=' + this.status
						})
					}
				} else {
					let url = ""
					let id = 0
					if (this.status == 0) {
						url = 'product/follow'
						id = this.goodsDetail.id
					} else {
						url = 'package/follow'
						id = this.dressList.id
					}
					this.$request({
						url: url,
						method: 'POST',
						data: {
							id: id
						}
					}).then(res => {
						let flag = res.data.data
						if (res.statusCode == 200) {
							if (flag == true) {
								this.options[2].icon = 'star-filled'
								this.options[2].color = '#EBBE87'
								uni.showToast({
									title: '收藏成功',
									icon: 'none'
								})
							} else {
								uni.showToast({
									title: '取消收藏',
									icon: 'none'
								})
								this.options[2].icon = 'star'
							}
							this.$store.dispatch("getCollection")
						}
					})
				}
			},
			// 跳转下单和加入购物车
			buttonClick(e) {
				let that = this
				if (that.goodsDetail.endtime == 0 || that.dressList.endtime == 0) {
					that.placeOrder(e)
				} else {
					if (that.goodsDetail.expire || that.dressList.expire) {
						that.placeOrder(e)
					} else {
						uni.showToast({
							title: "已结束",
							icon: 'none',
							duration: 2000,
						})
					}
				}
			},

			// 下单
			placeOrder(e) {
				if (e.index == 0 && this.status == 0) {
					this.cart = true
					if (this.goodsName.length == 0) {
						this.toggle('bottom', 1)
						uni.showToast({
							title: '请选择规格',
							icon: 'none',
							duration: 1000
						});
					} else {
						this.toggle('bottom', 1)
					}
				} else {
					this.cart = false
					if (this.status == 0) {
						let goodsData = {
							goods_id: this.goodsDetail.id,
							number: this.goodsNum,
							sku_id: this.selectId,
							shop_id: this.goodsDetail.shop_id
						}
						this.show = !this.show
						this.type = e.index
						if (e.index == 1) {
							this.toggle('bottom', 1)
						} else {
							return false
						}
					} else {
						this.fen();
						return;
						let that = this
						let goodsData = {
							shop_id: that.dressList.shop_id,
							package_id: that.dressList.id,
							spec: []
						}
						that.dressList.attrs.forEach((item, index) => {
							item.values.forEach(items => {
								if (items.is_default == 1) {
									goodsData.spec.push({
										id: items.id,
										number: items.number
									})
								}
							})
						})
						let totalPrice = that.totalPrice == 0 ? that.dressList.price : that.totalPrice
						uni.navigateTo({
							url: `/pages/order/order?data=${JSON.stringify(goodsData)}&flag=${1}&price=${totalPrice}`
						})
					}
				}
			},
			// 套系点击下一部
			nextStup() {
				if (!uni.getStorageSync('userInfo')) {
					uni.showToast({
						title: '请先登录再操作',
						icon: 'none'
					})
					return;
				}
				// 婚纱模块传不了 改自己选
				if (this.objPackgre == '') {
					uni.showToast({
						title: '请选择拍摄类型',
						icon: 'none'
					})
					return;
				}
				let that = this
				let goodsData = {
					shop_id: that.dressList.shop_id,
					package_id: that.dressList.id,
					spec: [],
					obj: {
						taoxiId: this.id,
						worker_s_id: this.Id,
						worker_z_id: this.selectedTeacher.id,
						worker_z_name: this.arrl[3].content,
						worker_s_name: this.arrl[2].content,
						times: this.arrl[1].content,
						type_id: this.objPackgre.type_id
					}
				}
				that.dressList.attrs.forEach((item, index) => {
					item.values.forEach(items => {
						if (items.is_default == 1) {
							goodsData.spec.push({
								id: items.id,
								number: items.number
							})
						}
					})
				})
				let totalPrice = that.totalPrice == 0 ? that.dressList.price : that.totalPrice
				this.clofenl();
			},
			// 获取推荐商品-商品
			getRecommended() {
				let that = this;
				that.$request({
					url: 'product/recommend',
					data: {
						id: that.id,
						type: that.tjIndex,
						preview: 1
					}
				}).then(res => {
					if (res.data.code = 1) {
						this.recommendList = res.data.data.data
					}
				})
			},
			// 获取推荐商品-婚纱
			getRecommendeds() {
				let that = this;
				that.$request({
					url: 'Package/recommend',
					data: {
						id: that.id,
						type: Number(that.tjIndex) + 1
					}
				}).then(res => {
					if (res.data.code = 1) {
						this.recommendList = res.data.data.data
					}
				})
			},
			// 跳转赠送商品的详情页
			givingDetail(id, type) {
				uni.navigateTo({
					url: '/pages/filePages/goodsDetail/goodsDetail?id=' + id + '&type=' + type
				})
			},

			// 底部box切换
			gdQue(ind) {
				this.gdIndex = ind
			},

			// 店铺推荐/商城推荐btn切换
			onQie(ind) {
				this.tjIndex = ind
				if (this.shareType == 1) {
					this.getRecommended();
				} else {
					this.getRecommendeds();
				}
			},
			// 切换视频轮播
			dVideo() {
				this.videoShow = true
				this.imageShow = false
			},
			// 切换图片轮播
			dImage() {
				this.videoShow = false
				this.imageShow = true
			},

			// 控制popup弹出和判断是否是商城商品还是婚纱商品
			toggle(type, flag) {
				this.flag = flag
				if (flag == 1) {
					if (this.status == 0) {
						this.$refs.popup.open(type)
					} else {
						return false
					}
				} else if (flag == 2) {
					this.$refs.popup.open(type)
				} else {
					this.$refs.popup.open(type)
				}
			},
			// 复制商品名称
			copy() {
				let title = '',
					that = this;
				if (that.status == 0) {
					title = that.goodsDetail.title
				} else {
					title = that.dressList.name
				}
				uni.setClipboardData({
					data: title,
					success: function() {
						uni.vibrateShort()
					},
					fail: function() {}
				});
			},
			// 客服电话btn
			onPhone() {
				uni.makePhoneCall({
					phoneNumber: "15324233105"
				})
			},

			// 分享好友商品
			fenXiang() {
				if (this.status == 0) {
					this.$refs.child.xianshi(this.goodsDetail.id)
				} else {
					this.$refs.child.xianshi(this.dressList.id)
				}
			},
			// 推荐商品
			tjGoods(id) {
				// 改预览
				return;
				// 0 是商品，1是婚纱
				if (this.shareType == 1) {
					uni.navigateTo({
						url: '/pages/filePages/goodsDetail/goodsDetail?id=' + id + '&type=0'
					})
				} else {
					uni.navigateTo({
						url: '/pages/filePages/goodsDetail/goodsDetail?id=' + id + '&type=1'
					})
				}
			},
			getNowDate(type) {
				let date = new Date();
				let y = date.getFullYear();
				let m = date.getMonth() + 1;
				let d = date.getDate();
				if (type == 1) {
					return y;
				} else if (type == 2) {
					return m;
				}
			}
		}
	}
</script>

<style scoped lang="scss">
	.boxfen {
		width: 100%;
		font-size: 32upx;
		background-color: white;
		box-sizing: border-box;
		border-radius: 32upx 32upx 0 0;
		margin-bottom: -65upx;

		.hbng {
			padding: 16upx 30upx 10upx 20upx;
			background: linear-gradient(180deg, #FFF7EA 0%, rgba(255, 255, 255, 0) 100%);
			border-radius: 32upx 32upx 0 0;
		}

		.fenicon {
			width: 26upx;
			height: 26upx;
			font-weight: 550;
			padding: 16upx;
			display: inline-block;
		}

		.boxfen-list {
			padding: 32upx 32upx;
			display: flex;
			justify-content: space-between;
			border-bottom: 1px solid rgb(247, 247, 247);

			.boxfen-lei {
				color: rgb(121, 121, 121);
			}

			.flex-icon {
				color: #999999;
			}
		}

		.boxfen-btn {
			padding: 50upx 20upx;

			button {
				background-color: #111;
				border-radius: 45upx;
				color: white;
			}
		}

	}

	.goods_detail {
		overflow: hidden;

		.fuwu_box {
			width: 750upx;
			border-radius: 20rupx 20rupx 0 0;

			.fuwu_title {
				margin-top: 30upx;
				color: #000000;
			}

			.list_box {
				margin-top: 30upx;

				.huanhuo_img {
					width: 24upx;
					height: 24upx;
					margin-top: 6upx;
					margin-left: 32upx;
				}

				.list_name {
					margin-left: 20upx;
					color: #333;
				}

				.bottom_txt {
					color: #828282;
					margin-left: 76upx;
					margin-top: 16upx;
					padding-right: 40upx;
				}
			}

			.bottom_btn_fuwu {
				width: 568rpx;
				height: 80rpx;
				background: #EBBE87;
				border-radius: 40rpx 40rpx 40rpx 40rpx;
				border: 2rpx solid #EBBE87;
				margin: 0 auto;
				margin-top: 60upx;
				line-height: 80rpx;
				color: #FFFFFF;
			}
		}

		.popup_box {
			width: 750upx;
			height: 992upx;
			background: #FFFFFF;

			.header_img_name {
				margin-left: 24upx;

				.goods_img_box {
					width: 208upx;
					height: 208upx;
					margin-top: -60upx;
					border-radius: 8upx 8upx 8upx 8upx;
					overflow: hidden;
				}

				.money_yx {
					margin-left: 34upx;
					margin-top: 30upx;

					.money_txt {
						color: #E4493A;
					}

					.yx_txt {
						width: 350upx;
						color: #666666;
						margin-top: 4upx;
					}
				}

				.close {
					width: 60upx;
					height: 60upx;
					margin-top: 44upx;
					position: absolute;
					right: 24upx;
				}
			}

			.state_top {
				margin-left: 20upx;
				margin-top: 52upx;

				.state_top_title {
					color: #333333;
				}

				.state_top_box {
					margin-top: 24upx;
					flex-wrap: wrap;

					.state_top_list {
						// width: 204upx;
						height: 68upx;
						background: rgba(0, 0, 0, 0.1);
						border-radius: 8upx 8upx 8upx 8upx;
						line-height: 68upx;
						color: #666666;
						margin-right: 28upx;
						margin-bottom: 28upx;
						padding-left: 10upx;
						padding-right: 10upx;
					}

					.state_top_list_active {
						height: 68upx;
						background: #EBBE87;
						border-radius: 8upx 8upx 8upx 8upx;
						line-height: 68upx;
						color: #FFFFFF;
						margin-right: 28upx;
						margin-bottom: 28upx;
						padding-left: 10upx;
						padding-right: 10upx;
					}
				}
			}

			.tjfh_txt {
				color: #333333;
				margin-top: 30upx;
				margin-left: 20upx;

				.fh_price {
					margin-right: 30upx;
				}
			}

			.goods_num {
				margin-top: 28upx;
				margin-left: 20upx;

				.goods_num_title {
					color: #333333;
				}

				.zen_jan {
					margin-left: 516upx;

					.jan_box {
						width: 40upx;
						height: 40upx;
						background: rgba(0, 0, 0, 0.06);
						border-radius: 8upx 8upx 8upx 8upx;

						.jan {
							width: 20upx;
							height: 4upx;
							background-color: #999999;
							margin: 50% auto;
						}
					}

					.num_txt {
						color: #000000;
						margin: 0 20upx 0 20upx;
					}

					.jia_box {
						width: 40upx;
						height: 40upx;
						background: #EBBE87;
						border-radius: 8upx 8upx 8upx 8upx;
						color: #FFFFFF;
						line-height: 36upx;
					}
				}
			}

			.bottom_btn {
				width: 568upx;
				height: 80upx;
				background: #EBBE87;
				border-radius: 40upx 40upx 40upx 40upx;
				border: 2upx solid #EBBE87;
				position: absolute;
				top: 878upx;
				left: 86upx;
				line-height: 80upx;
				color: #FFFFFF;
			}
		}

		.hhr_box_pop {
			width: 100%;
			height: 100%;

			.wu_box {
				color: #000;
			}

			.pop_title {
				margin-top: 30upx;
				color: #EB8787;
			}

			.bottom_title {
				color: #000000;
				margin-top: 30upx;
				margin-left: 32upx;
			}

			.scroll-Y {
				width: 686upx;
				height: 700upx;
				margin: 40upx auto;

				.scroll-view-item {
					width: 686upx;
					height: 90upx;
					border-radius: 16upx;
					background-color: #F4F4F4;
					margin-bottom: 20upx;


					.left_box {
						width: 90upx;
						height: 44upx;
						border-radius: 25upx;
						border: 2upx solid #EB8787;
						margin-top: 22upx;
						margin-left: 30upx;
						color: #EB8787;
						line-height: 44upx;
					}

					.left_box_txt {
						color: #000;
						line-height: 88upx;
						margin-left: 20upx;
						width: 286upx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}

					.right_box_price {
						line-height: 88upx;
						margin-left: 42upx;
					}

					.right_box_jt {
						width: 50upx;
						height: 50upx;
						margin-top: 20upx;
						position: absolute;
						right: 0rpx;
					}
				}

				.description_box {
					margin-top: 100upx;
					line-height: 46upx;
				}
			}
		}

		.movable_box {
			width: 750upx;
			height: 0;
			position: absolute;
			z-index: 9;
			top: 0;
		}

		.fenxiang_btn {
			width: 68upx;
			height: 68upx;
			position: fixed;
			top: 32upx;
			right: 32upx;
			z-index: 999;
		}

		.gwc_box {
			position: fixed;
			bottom: 0;
			z-index: 99;
			background-color: #FFFFFF;
		}

		.kefu {
			width: 160upx;
			height: 76upx;
			background: rgba(72, 157, 218, 0.6);
			box-shadow: 0upx 0upx 14upx 2upx rgba(0, 0, 0, 0.18);
			border-radius: 0upx 37upx 37upx 0upx;
			right: 0;
			top: 920upx;
			z-index: 999;

			.kefu_img {
				width: 40upx;
				height: 33upx;
				margin-top: 20upx;
				margin-left: 20upx;
			}

			.kefu_txt {
				color: #fff;
				margin-top: 20upx;
				margin-left: 16upx;
			}
		}

		.seckill_box {
			height: 128upx;
			background-image: url('');
			background-size: 100% 100%;
			overflow: hidden;
			box-sizing: border-box;
			padding: 20upx 32upx 0 32upx;

			.top_box {
				.left_box_seckill {
					color: #FFFFFF;
					width: 72upx;
					margin-top: 4upx;
				}

				.left_icon_flg {
					width: 108upx;
					height: 42upx;
					background-image: url('');
					background-size: 100% 100%;
					font-weight: 600;
					color: #BA764A;
					line-height: 42upx;
					margin-left: 12upx;
				}

				.right_hd_txt {
					color: #806C06;
				}
			}

			.bottom_box {
				margin-top: 6upx;

				.hd_price_box {
					color: #fff;
				}

				.scj_box {
					font-size: 18upx;
					color: #fff;
					line-height: 58upx;
					text-decoration: line-through;
					margin-left: 20upx;
				}

				.down_box {
					width: 38upx;
					height: 38upx;
					border-radius: 8upx;
					background-color: #E84C4C;
					line-height: 38upx;
					color: #fff;
				}
			}
		}

		.img_video_box {
			height: 750upx;
			.shipin_txt {
				width: 116upx;
				height: 48upx;
				background: rgba(0, 0, 0, 0.3);
				border-radius: 21upx 21upx 21upx 21upx;
				opacity: 1;
				border: 2upx solid rgba(255, 255, 255, 0.3);
				position: absolute;
				top: 650upx;
				left: 228upx;
				color: #FFFFFF;
				line-height: 48upx;
			}

			.shipintwo_txt {
				width: 116upx;
				height: 48upx;
				background: rgba(0, 0, 0, 0.3);
				border-radius: 21upx 21upx 21upx 21upx;
				opacity: 1;
				border: 2upx solid rgba(255, 255, 255, 0.3);
				position: absolute;
				top: 650upx;
				left: 406upx;
				color: #FFFFFF;
				line-height: 48upx;
			}
		}

		.list_status_box {
			width: 634upx;
			height: 88upx;
			background: #FFFFFF;
			box-shadow: 0upx 2upx 22upx 2upx rgba(0, 0, 0, 0.14);
			overflow: hidden;
			position: relative;
			padding-right: 58upx;
			padding-left: 58upx;

			.status_box {
				height: 56upx;
				margin-top: 16upx;

				.status_img_box {
					font-size: 0;
					width: 56upx;
					height: 56upx;
					border-radius: 10upx;
					overflow: hidden;
				}
			}

			.status_txt_box {
				margin-left: 8upx;
				.status_txt {
					color: #666666;
				}

				.status_txt_two {
					color: #333333;
				}
			}
		}

		.name_money_box {
			padding-top: 20upx;
			background-color: #FFFFFF;

			.money_txt {
				margin-left: 32upx;

				.zhengc_money {
					font-family: DIN-Bold, DIN;
					color: #FF3F4A;
				}

				.huaxian_money {
					color: #666666;
					text-decoration: line-through;
					margin-left: 16upx;
				}
			}

			.goods_name {
				width: 684upx;
				color: #000000;
				margin-left: 32upx;
				margin-top: 14upx;
				letter-spacing: 0;
				line-height: 54upx;
				overflow: hidden;
				display: -webkit-box;
				text-overflow: ellipsis;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
			}

			.bottom_xl_kdf {
				width: 684upx;
				height: 34upx;
				margin: 32upx auto;
				margin-bottom: 0;
				padding-bottom: 40upx;

				.xl_box {
					color: #999999;
				}
			}

			.lingjuan_box {
				height: 76upx;
				background-image: url("");
				background-size: 100% 100%;

				.lj_title {
					color: #DBA057;
					line-height: 80upx;
					margin-left: 32upx;
				}

				.jiantou {
					width: 11upx;
					height: 20upx;
					position: absolute;
					right: 40upx;
					margin-top: 30upx;
				}
			}

			.fhg_box {
				width: 108upx;
				height: 42upx;
				margin-left: 14upx;
				margin-top: 10upx;
			}

			.fhg_txt {
				width: 90upx;
				height: 42upx;
				position: relative;
				left: -98upx;
				line-height: 42upx;
				padding-left: 14upx;
				color: #FFFFFF;
				margin-top: 10upx;
			}


		}

		.tuijian_box {
			width: 196upx;
			height: 60upx;
			background: #EBBE87;
			border-radius: 30upx 0upx 0upx 30upx;
			margin-top: 82upx;
			position: absolute;
			right: 0;

			.tuijian_img {
				width: 24upx;
				height: 24upx;
				margin-left: 36upx;
				margin-top: 8upx;
			}

			.tuijian_txt {
				line-height: 60upx;
				color: #FFFFFF;
				margin-left: 16upx;
			}
		}

		.hhr_box {
			width: 728upx;
			height: 76upx;
			background: #FFFFFF;
			margin-top: 12upx;
			color: #EB8787;
			line-height: 80upx;
			padding-left: 32upx;
			border-bottom: 2upx solid #F4F4F4;
		}

		.zengs {
			width: 750upx;
			height: 84upx;
			background: #FFFFFF;

			.zengs_btn {
				width: 68upx;
				height: 36upx;
				background: #FF3F4A;
				border-radius: 6upx 6upx 6upx 6upx;
				line-height: 36upx;
				color: #FFFFFF;
				margin: 22upx 0 0 32upx;
			}

			.zengs_txt {
				width: 510upx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				color: #666666;
				margin-top: 22upx;
				margin-left: 16upx;
			}

			.jiantou {
				width: 11upx;
				height: 20upx;
				position: absolute;
				right: 40upx;
				margin-top: 30upx;
			}
		}

		.guige_box {
			height: 92upx;
			margin-top: 12upx;
			background-color: #FFFFFF;

			.guige_left_txt {
				color: #333333;
				margin-left: 32upx;
				line-height: 92upx;
			}

			.xuanze_box {
				color: #999999;
				margin-left: 36upx;
				line-height: 92upx;
			}

			.jiantou {
				width: 11upx;
				height: 20upx;
				position: absolute;
				right: 40upx;
				margin-top: 30upx;
			}
		}

		.fuwu_dianpu_box {
			background-color: #FFFFFF;
			overflow: hidden;
			margin-top: 12upx;
			border: 2upx solid #F4F4F4;

			.header_fuwu {
				margin-top: 28upx;
				border-bottom: 2upx solid #F4F4F4;
				padding-bottom: 20upx;
				flex-wrap: wrap;

				.fuwu_left_txt {
					color: #333333;
					margin-left: 32upx;
				}

				.huanhuo_img {
					width: 24upx;
					height: 24upx;
					margin-top: 6upx;
					margin-left: 20upx;
				}
			}

			.fuwu_max_box {
				width: 702upx;
				padding-bottom: 20upx;
				background: #F4F4F4;
				border-radius: 18upx 18upx 18upx 18upx;
				margin: 28upx auto;
				overflow: hidden;
				.fwu_max_txt {
					margin: 0 auto;
					flex-wrap: wrap;

					.huanhuo_img {
						width: 24upx;
						height: 24upx;
						margin-top: 4upx;
					}

					.txt_ji {
						color: #888888;
						margin-left: 6upx;
					}
				}
			}

			.dianpu_box {
				margin-top: 38upx;
				padding-left: 32upx;
				padding-right: 32upx;

				.dp_header_box {
					.header_img {
						width: 78upx;
						height: 78upx;
						border-radius: 50%;
						background: #999999;
						overflow: hidden;
					}

					.dp_name_juli {
						margin-left: 22upx;

						.dp_name {
							color: #333333;
						}

						.juli_flx {
							margin-top: 16upx;

							.juli_img {
								width: 26upx;
								height: 26upx;
								margin-top: 4upx;
							}

							.juli_txt {
								width: 370upx;
								overflow: hidden;
								text-overflow: ellipsis;
								white-space: nowrap;
								color: #E29D48;
								margin-left: 2upx;
							}
						}
					}

					.guanzhu_box {
						width: 120upx;
						height: 48upx;
						border-radius: 24upx 24upx 24upx 24upx;
						border: 2upx solid #666666;
						line-height: 48upx;
						color: #666666;
						margin-left: 68upx;
					}
				}
			}

			.fangke_txt {
				color: #999999;
				margin-top: 16upx;
				margin-left: 136upx;
			}

			.phone_img {
				width: 48upx;
				height: 48upx;
				margin-left: 408upx;
			}
		}


		.dp_tc_tuijian {
			background-color: #FFFFFF;
			overflow: hidden;

			.header_qie {
				margin-top: 40upx;

				.qie_txt {
					margin-left: 186upx;
					color: #999999;
				}

				.qie_txt_active {
					margin-left: 186upx;
					color: #EBBE87;
				}
			}

			.tj_goods_box {
				width: 728upx;
				padding-left: 32upx;
				margin-top: 30upx;
				flex-wrap: wrap;

				.tj_goods_c_box {
					width: 222upx;
					margin-right: 10upx;
					margin-bottom: 24upx;

					.tj_goods_img_box {
						width: 222upx;
						height: 222upx;
						border-radius: 16upx 16upx 16upx 16upx;
						overflow: hidden;
					}

					.tj_goods_name {
						width: 196upx;
						height: 34upx;
						color: #333333;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						margin-top: 16upx;
					}

					.tj_goods_moeny {
						color: #FF3F4A;
						margin-top: 8upx;
					}
				}
			}
		}

		.dress_price {
			color: #FF3F4A;
			position: absolute;
			margin-top: 20upx;
			right: 60upx;
			padding-bottom: 160upx;
		}

		.bot_goods_detail {
			margin-top: 0upx;

			.header_title {
				color: #333333;
				height: 72upx;
				line-height: 72upx;
			}

			.detail_qie {
				height: 88upx;
				background-image: url("");
				background-size: 100% 100%;
				margin-top: 22upx;

				.qie_img {
					width: 402upx;
					height: 88upx;
					position: absolute;
					right: 0;
				}

				.detail_qie_c {
					width: 352upx;
					overflow: hidden;
					text-align: center;

					.detail_qie_txt {
						color: #FFFFFF;
						margin-top: 26upx;
					}

					.bot_xian {
						width: 48upx;
						height: 4upx;
						background-color: #FFFFFF;
						margin: 10upx auto;
					}

					.bot_xian_active {
						width: 48upx;
						height: 4upx;
						background-color: #EBBE87;
						margin: 10upx auto;
					}
				}

				.detail_qie_c:last-child {
					position: absolute;
					z-index: 99;
					right: 0upx;

					.detail_qie_txt {
						color: #EBBE87;
					}
				}
			}

			.detail_c_fuwuneir {
				.fuwu_ng_box {
					padding: 46upx 0 20upx 32upx;
					margin-bottom: 4upx;
					background: rgba(235, 190, 135, 0.1);

					.top_nr_box {
						.yuan_box {
							width: 10upx;
							height: 10upx;
							border: 6upx solid #000000;
							border-radius: 50%;
						}

						.fuwu_nr_name {
							color: #333333;
							margin-top: -6upx;
							margin-left: 8upx;
						}

						.tiaozheng_box {
							width: 136upx;
							height: 50upx;
							background: #333333;
							border-radius: 25upx 25upx 25upx 25upx;
							color: #FFFFFF;
							line-height: 50upx;
							margin-top: -6upx;
							position: absolute;
							right: 32upx;
						}
					}

					.fuwu_nr_box_list {
						width: 678upx;
						margin-top: 34upx;

						.fuwu_nr_txt {
							color: #EBBE87;
							flex: 1;
						}

						.fuwu_nr_money {
							color: #FF3F4A;
						}
					}
				}
			}
		}

		.example-body {
			padding: 0;
			/* #ifndef APP-NVUE */
			display: block;
			/* #endif */
		}

		.goods-carts {
			/* #ifndef APP-NVUE */
			display: flex;
			/* #endif */
			flex-direction: column;
			position: fixed;
			left: 0;
			right: 0;
			/* #ifdef H5 */
			left: var(--window-left);
			right: var(--window-right);
			/* #endif */
			bottom: 0;
		}
	}

	.boxkl {
		width: 100%;
		background: #fff;
		border-radius: 32upx 32upx 0 0;
		padding-bottom: 200upx;
		position: relative;
		margin-bottom: -120upx;

		.hbng {
			width: 750upx;
			height: 130upx;
			background: linear-gradient(180deg, #FFF7EA 0%, rgba(255, 255, 255, 0) 100%);
			border-radius: 32upx 32upx 0 0;

			.iconk {
				width: 36upx;
				height: 36upx;
				background: url(@/static/tab_jian.png)no-repeat center;
				background-size: 100%;
				margin-left: 36upx;
				padding-top: 46upx;
			}
		}

		.scoll {
			width: 100%;
			height: 400upx;
			margin: 0 auto;
			margin-top: -40upx;
			background: #fff;

			.txtg {
				width: 100%;
				height: 88upx;
				text-align: center;
				line-height: 88upx;
				color: #111111;
				font-size: 30upx;

				&.check {
					background: linear-gradient(86deg, rgba(237, 237, 237, 0) 0%, #EDEDED 54%, rgba(237, 237, 237, 0) 100%);
				}

			}
		}
	}
</style>
<style>
	page {
		background: #F4F4F4;
	}
</style>